import React from 'react'
import { View, Text,Image,TouchableOpacity ,Dimensions,Button,TextInput,StyleSheet, ScrollView} from 'react-native'
import { useNavigation } from '@react-navigation/native';
import MallTop from '../Mall/MallTop';
import MallSwiper from '../Mall/MallSwiper';

import { MallGo } from '../Mall/MallGo';
import MallDiscount from '../Mall/MallDiscount';
import { MallLimit } from '../Mall/MallLimit';
export default function mall() {
    const width = Dimensions.get('window').width;
   const styles = StyleSheet.create({
    content:{
        flex:1,
        backgroundColor:'#fff',
        width:width,
    },
   })
    //数据
    const data = [
        {
            id:1,
            img:require('../../assets/images/react-logo.png'),
            title:'商品1',
            price:'100'
        },
        {
            id:2,
            img:require('../../assets/images/react-logo.png'),

            title:'商品2',
            price:'200'
        },
        {
            id:3,
            img:require('../../assets/images/react-logo.png'),

            title:'商品3',
            price:'300'
        }
    ]
    interface Item {
        id:number,
        img:string,
        title:string,
        price:string
    }


    return (
        <View style={styles.content} >
             {/*顶部搜索*/}
           <MallTop/>
            <ScrollView>
            {/*轮播图*/}
            <MallSwiper/>
            {/*go页面*/}
            <MallGo/>
            {/*优惠区域*/}
            <MallDiscount/>
            {/*限时购*/}
            <MallLimit/>
            </ScrollView>
           
        </View>
    )
}
